<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>MyFreeCssTemplates.com free CSS template</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />

	<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="lib/system.js"></script>
    
    </head>
    <body>
        <div id="back">
            <div id="footer_bg">
                <div id="content">
                    <!-- header begins -->
                    <div id="header">
                        <div id="logo">
                            <h1><a href="#">freecss_oversky</a></h1>
                            <h2><a href="#">Company Slogan Goes Here</a></h2>
                        </div>
                        <div id="menu">
                            <ul>
                                <li><a href="#" onclick="mostrar()" title="" class="action">Home</a></li>
                                <li><a href="#" title="">Blog</a></li>
                                <li><a href="#" title="">Gallery</a></li>
                                <li><a href="#" title="">About</a></li>
                                <li><a href="#" title="">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                
                    <!-- 
					<div class="header_slider"> <div id="slider-wrapper">        
					             <div id="slider" class="nivoSlider">
									<img src="images/header1.jpg" alt="" title="" />
									<img src="images/header2.jpg" alt="" title="" />
									<img src="images/header3.jpg" alt="" title="" />									
								</div>        
				    </div>
						

    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>	</div>
    -->		
					 
                    <!-- header ends -->
                    <!-- content begins -->
                    <div id="main_top"></div>
                    <div class="main">

                        <div id="blog_col">
                            <div id="col1_1">

                                <h1>Aliquam in diam nec felis scelerisque scelerisque vel id </h1>
                                <p>Nulla condimentum consequat. Maecenas imperdiet pharetra dolor, et venenatis risus semper id. Nulla facilisi. Aliquam in diam nec felis scelerisque scelerisque vel id diam. Donec nec tellus quis magna mattis vehicula. </p>
                                <div class="read"><a href="#">read more</a></div>
                            </div>
                            <div id="col1_2">

                                <h1>Donec ornare dui vitae ipsum molestie tincidunt.  </h1>
                                <p id="david">
                                
                                </p>
                                <div class="read"><a href="#">read more</a></div>

                            </div>
                            <div id="col1_3">

                                <h1>Proin mattis porttitor quam, ultries ornare quam ornare non.</h1>
                                <p>Curabitur neque lectus, mattis at iaculis at, dapibus eget nisi. Quisque ut diam id dui gravida elementum non in diam. Duis dignissim justo ut diam pellentesque ut venenatis ipsum gravida. Curabitur mollis sem </p>
                                <div class="read"><a href="#">read more</a></div>

                            </div><div style="clear: both"></div>
                        </div>


                    </div>
                    <div class="main_bot"></div>

                    <div class="main2">
                        <div id="blog_col2">
                            <div class="col2_1">
                                <h1>Mauris sed ligula nulla, at luctus metus. </h1>
                                <img src="images/img1.jpg" alt="" title="img" style="float: left; padding-right: 10px; padding-top: 6px;"/>
                                <p>Nulla condimentum consequat. Maecenas imperdiet pharetra dolor, et venenatis risus semper id. Nulla facilisi. Aliquam in diam nec felis scelerisque sclerisque id diam.</p>
<div class="read"><a href="#">read more</a></div>
<div style="clear: both"></div>
<img src="images/img2.jpg" alt="" title="img" style="float: left; padding-right: 10px; padding-top: 6px;"/>
                                <p>Nulla condimentum consequat. Maecenas imperdiet pharetra dolor, et venenatis risus semper id. Nulla facilisi. Aliquam in diam nec felis scelerisque scelerisque id diam.</p>
<div class="read"><a href="#">read more</a></div>	
                            </div>
                            <div class="col2_2">
                                <h1>Curabitur lorem dui, ultrices vel scelerisque nec, pharetra nec lorem.</h1>
                                <ul>
                                    <li><a href="#">Nulla condimentum consequat</a></li>
                                    <li><a href="#">Pharetra nec lorem</a></li>
                                    <li><a href="#">Lorem dui, ultrices</a></li>
                                    <li><a href="#">Maecenas imperdiet</a></li>
                                    <li><a href="#">Nulla facilisi</a></li>
									<li><a href="#">Aliquam in diam</a></li>
									<li><a href="#">Mauris sed ligula </a></li>
									<li><a href="#">RSS Subscribe</a></li>
                                </ul>
                            </div>
                            
                            <div style="clear: both"></div>
                        </div>
						
                    </div>
                    <!--content ends -->
                    <!--footer begins -->
                    <div id="footer">
                        <p>Copyright  2010. <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> 
<p>Design by <a href="http://www.metamorphozis.com/free_templates/free_templates.php" title="Free Web Templates">Free Web Templates</a>, coded <a href="http://www.myfreecsstemplates.com" title="Free CSS Templates">Free CSS Templates</a></p>
                    
                    </div>
                </div>
            </div>
        </div>
        <!-- footer ends-->
    <jsp:include page="modulo/prueba0.jsp"/>
    </body>
</html>